<div class="row">
    <div class="col-sm-5">
        <div class="form-group">
            <div class="input-icon input-icon-sm right">
                <label>{{label}}</label>
                <i class="fa fa-question-circle"  style="color:#ccc" [tooltip]="config.description" placement="top"></i>
                <input type="file" class="edited uniform-input" style="width:100%;"  (change)="checkPic($event)" [disabled]="!canEdit" />
            </div>
        </div>
    </div>
    <div class="col-sm-5">
        <p-progressBar [value]="uploadProgress" *ngIf="showProgressBar"></p-progressBar>
        <div *ngIf="picurl && !icon">
            <a  (click)="lookOver(remoteUrl)" href="javascript:" >
                <img class="bg-gray" [attr.src]="remoteSmallUrl"  style="max-height:60px;max-width:250px" />
            </a>
        </div>
        <div *ngIf="picurl && icon">
            <a role="button" (click)="openPage()">
                <i [ngClass]="icon" style="font-size:35px;line-height: 35px;"></i>
            </a>
        </div>
    </div>
    <div class="col-sm-2">
        <button type="button" class="btn btn-xs2 btn-warning mr-1" *ngIf="picurl && canEdit" (click)="delete()">
            <span class="fa ion-close"></span>
        </button>
        <button type="button" class="btn btn-xs2 btn-primary" *ngIf="canEdit" (click)="pickupFile()">
            <span class="fa bi-folder"></span>
        </button>
    </div>
</div>
